/*
Theme Name: blogtimes
Theme URI: http://www.parenthese.de/download/blogtimes.zip
Description: This theme alludes to the look of the Financial Times. It has resizable liquid columns and a different color dot as link for each category.
Version: 0.7
Author: Christoph Freitag
Author URI: http://www.parenthese.de/

I am indebted to Michael Heilmann <http://binarybonsai.com/> for publishing his Kubrick theme which was the starting point for this one. Also thanks to John Gruber <www.daringfireball.net> for some inspiration on how an uncluttered design can look.

This theme is licensed under the GPL (http://www.gnu.org/copyleft/gpl.html).
*/



/* begin general layout */

body    {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: #ffcc99;
	color: #000000;
	text-align: center;
	margin: 0;
	padding: 0;
	}

#page   {
	background-color: #ffcc99;
	text-align: left;
	margin: 1px -1px 1px 1px;
        border: 1px solid #ffcc99;
	padding: 0;
	width: 900px;
	}

#header {
        margin-top: 15px;
        margin-bottom: 50px;
        }

#footer {
        margin-top: 15px;
        margin-bottom: 15px;
        }

/* begin 3 liquid column design, see www.redmelon.net/tstme/ for details,
   negative borders are necessary for Mozilla */

.clear  { clear: both; }

.outer  {
	width: auto;
        background-color: #ffcc99;
/*	border-left-width: 150px;     for a third column
	border-left-color: #999999;   (on the left of the screen)
	border-left-style: solid;     use this */
	border-right-width: 260px;
        border-right-color: #ffcc99;  /* change this for a color sidebar */
	border-right-style: solid;
        }

/* use this if you want a color sidebar but monochrome headers and footers
#header .outer, #footer .outer  {
	width: auto;
	background-color: #ffcc99;    
	border-right-width: 260px;
        border-right-color: #ffcc99;  
	border-right-style: solid;
        }
*/

.inner  {
	margin: 0;
        border-right: 1px solid #666666;
	width: 100%;
        }

#header .inner, #footer .inner {
	margin: 0;
        border-right: none;
	width: 100%;
        }

.outer > .inner { border-bottom: 1px solid #ffcc99; }	

/* not currently used, interesting for screen-wide divs:
.wide   {
	width: 100%;
	position: relative;
	z-index: 13;
	background-color: #ffc;
        }
*/

/* not currently used, necessary if you want a 3rd liquid column:
.leftcol {
	float: left;
	position: relative;
	z-index: 10;
	width: 150px;               left column width 
	margin-left: -150px;        _negative_ left column width 
	margin-right: 1px;
        }
*/

.rightcol {
	width: 260px;              /* right column width */
	margin-right: -260px;      /* _negative_ right column width */
	float: left;
	position: relative;
	z-index: 11;
	margin-left: 1px;
        }

.middlecol {
	float: left;
	position: relative;
	z-index: 12;
	width: 100%;
	margin: 0 -3px 0 -2px;
        }

/* end 3 liquid columns design
   begin title                  */

.titlemain {
	font-family: Georgia, 'Times New Roman', Times, Serif;
        text-transform: uppercase;
        line-height: 100px;
        font-size: 30px;
        vertical-align: middle;
        float: right;
        color: #003366;
        }

.titlebullet {
        position: relative;
        top: -8px;   /* if you use lowercase title: -4px */
        line-height: 100px;
        font-size: 80px;
        vertical-align: middle;
        display: inline;
        }

.title_tld {
	font-family: Georgia, 'Times New Roman', Times, Serif;
        text-transform: uppercase;
        position: relative;
        left: -5px;
        line-height: 100px;
        font-size: 30px;
        color: #003366;
        vertical-align: middle;
        display: inline;
        }

#subline {
        float: right;
        position: relative;
        top: -35px;
        right: 0px;
        color: #003366;
        }

/* end title
   begin content area */

#content {
	z-index: 2;
	margin: 0;
	}

.narrowcolumn {
	float: right;
	padding-right: 2em;
	margin: 0;
	width: 34em;
        font-size: 1.3em;
	}

/* begin entry heading */

/* not currently used but potentially useful:
.entryheading {
        margin-bottom: -2.5em;
        }
*/

/* sorry, I could not think of a nice English name
   other than dot which is used below: */
.punkt {
        padding: 0;
        margin-right: -2.2em;
        float: left;
        position: relative;
        left: -3em;
        top: -1.8em;
        margin-bottom: -1.8em;
        }

.dot    {
        font-size: 3.5em;
        }

.dot, .dot a, .dot a:link, .dot a:visited, .dot a:hover {
        border: none;
        background: transparent;
        }

/* fallback dot colors */

.dot, .dot a, .dot a:link, .dot a:visited { color: #9999cc; }
.dot a:hover { color: #cccccc; }

/* dot colors for the different categories, 
   add more if you need more than 20 categories */

.dot-1, .dot-1 a, .dot-1 a:link, .dot-1 a:visited { color: #993300; }
.dot-1 a:hover { color: #cccccc; }

.dot-2, .dot-2 a, .dot-2 a:link, .dot-2 a:visited { color: #000099; }
.dot-2 a:hover { color: #cccccc; }

.dot-3, .dot-3 a, .dot-3 a:link, .dot-3 a:visited { color: #006600; }
.dot-3 a:hover { color: #cccccc; }

.dot-4, .dot-4 a, .dot-4 a:link, .dot-4 a:visited { color: #ff0099; }
.dot-4 a:hover { color: #cccccc; }

.dot-5, .dot-5 a, .dot-5 a:link, .dot-5 a:visited { color: #cc6666; }
.dot-5 a:hover { color: #cccccc; }

.dot-6, .dot-6 a, .dot-6 a:link, .dot-6 a:visited { color: #ff9900; }
.dot-6 a:hover { color: #cccccc; }

.dot-7, .dot-7 a, .dot-7 a:link, .dot-7 a:visited { color: #99ff33; }
.dot-7 a:hover { color: #cccccc; }

.dot-8, .dot-8 a, .dot-8 a:link, .dot-8 a:visited { color: #ffff33; }
.dot-8 a:hover { color: #cccccc; }

.dot-9, .dot-9 a, .dot-9 a:link, .dot-9 a:visited { color: #66cc00; }
.dot-9 a:hover { color: #cccccc; }

.dot-10, .dot-10 a, .dot-10 a:link, .dot-10 a:visited { color: #66ffcc; }
.dot-10 a:hover { color: #cccccc; }

.dot-11, .dot-11 a, .dot-11 a:link, .dot-11 a:visited { color: #cc9933; }
.dot-11 a:hover { color: #cccccc; }

.dot-12, .dot-12 a, .dot-12 a:link, .dot-12 a:visited { color: #ff0033; }
.dot-12 a:hover { color: #cccccc; }

.dot-13, .dot-13 a, .dot-13 a:link, .dot-13 a:visited { color: #ff33ff; }
.dot-13 a:hover { color: #cccccc; }

.dot-14, .dot-14 a, .dot-14 a:link, .dot-14 a:visited { color: #ff9966; }
.dot-14 a:hover { color: #cccccc; }

.dot-15, .dot-15 a, .dot-15 a:link, .dot-15 a:visited { color: #66ff99; }
.dot-15 a:hover { color: #cccccc; }

.dot-16, .dot-16 a, .dot-16 a:link, .dot-16 a:visited { color: #cc00ff; }
.dot-16 a:hover { color: #cccccc; }

.dot-17, .dot-17 a, .dot-17 a:link, .dot-17 a:visited { color: #ffcc66; }
.dot-17 a:hover { color: #cccccc; }

.dot-18, .dot-18 a, .dot-18 a:link, .dot-18 a:visited { color: #996666; }
.dot-18 a:hover { color: #cccccc; }

.dot-19, .dot-19 a, .dot-19 a:link, .dot-19 a:visited { color: #663300; }
.dot-19 a:hover { color: #cccccc; }

.dot-20, .dot-20 a, .dot-20 a:link, .dot-20 a:visited { color: #003399; }
.dot-20 a:hover { color: #cccccc; }

/* sorry, I could not think of an English name other than time
   but this was just too obvious: */
.zeit   {
        margin: 0;    
	text-align:left;
	font-weight: bold;
	font-size: 1em;
        color: #9999cc;
        display: inline;
	}

/* end post heading
   begin general entry and text classes */

.post   {
	margin-top: 1em;
        margin-bottom: 3em;
	text-align: left;
        clear: both;
	}

.entry  {
        margin-bottom: 3.5em;
	line-height: 1.4em;
	text-align: left;
	}

.alter  {
	border-top: 1px solid #cccccc;
	}

small   {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

small, .nocomments, .postmetadata, strike {
	color: #666666;
	}

code    {
	font: 1.1em 'Courier New', Courier, monospace;
	}

acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
	}

.description {
	text-align: center;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	text-align: left;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #9999cc;
	}

blockquote {
	margin: 15px 30px 15px 10px;
	padding-left: 20px;
	border-left: 5px solid #9999cc;
        color: #000000;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

cite    {
	text-decoration: none;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}

hr      {
	display: none;
	}

/* end general entry and text classes
   begin headlines */

h1      {
	padding: 0;
	margin: 0;
	font-family: Georgia, 'Times New Roman', Times, Serif;
        color: #003366;
	font-size: 1.2em;
	font-weight: bold;
        }

h2      {
	padding: 0;
	margin: 0;
	font-family: Georgia, 'Times New Roman', Times, Serif;
        color: #003366;
	font-size: 1.2em;
	font-weight: bold;
        }

h3      {
	padding: 0;
	margin: 0;
	font-family: Georgia, 'Times New Roman', Times, Serif;
        color: #003366;
	font-size: 1em;
	font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        word-spacing: 0.1em;
	}

h2.archivehead {
	font-size: .9em;
	font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        word-spacing: 0.1em;
	margin-bottom: 1.2em;
        color: #993300;
        }

.entry h1 { 
        font-family: Verdana, Arial, Sans-Serif;
        color: #000000;
        font-size: 1em;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        word-spacing: 0.1em;
        }

.entry h2 {
        font-family: Verdana, Arial, Sans-Serif;
        color: #000000;
        font-size: 0.8em;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        word-spacing: 0.1em;
        }

.entry h3 { 
        font-family: Verdana, Arial, Sans-Serif;
        color: #9999cc;
        font-size: 0.8em;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        word-spacing: 0.1em;
        }

#sidebar h2 {
        font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
        font-size: 0.8em;
        margin-bottom: 0.5em;
        }

/* end headlines
   begin links */

a       {
        color: #000000;
        text-decoration: none;
        padding: 1px 0 1px 0;
        background-color: transparent;
	}

a:link  {
        color: #000000;
    	text-decoration: none;
        border-bottom: 1px solid #9999cc;
        padding: 1px 0 1px 0;
        background-color: transparent;
        }

a:visited {
        color: #000000;
    	text-decoration: none;
        border-bottom: 1px dotted #9999cc;
        padding: 1px 0 1px 0;
        background-color: transparent;
        }

a:hover {
        color: #000000;
        text-decoration: none;
        background-color: #cccccc;
        border-color: #cccccc;
        }

/* headline links */

h1 a, h2 a, h3 a {
        border: none;
        color: #003366;
        }

h1 a:link, h2 a:link, h3 a:link {
        border: none;
        color: #003366;
        }

h1 a:visited, h2 a:visited, h3 a:visited {
        border: none;
        color: #003366;
        }

h1 a:hover, h2 a:hover, h3 a:hover {
        border: none;
        color: #003366;
        }

/* header links */

#header a, #header a:link, #header a:visited {
        text-decoration: none;
        color: #993300;
        border: none;
        }

#header a:hover {
        text-decoration: none;
        color: #9999cc;
        border: none;
        background: transparent;
        }

/* other links */

#sidebar a, #sidebar a:link, #sidebar a:visited {
        border: none;
        }

span a, span a:link, span a:visited {
        border: none;
	color: #9999cc;
	}

/* end links 
   begin sidebar */

#sidebar {
        position: relative;
        left: 0;
        width: 20em;
        text-align: right;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        word-spacing: 0.1em;
        }

/* if you find a more elegant way to format the sidebar lists
   please let me know. */

#sidebar ul {
        font-size: 1.1em;
        padding: 0;
    	margin-bottom: 0;
        margin-left: 2em;
	border-bottom: 1px solid #9999cc;
	}

#sidebar ul ul {
        font-size: 1em;
        margin-left: 2em;
        margin-bottom: 1em;
        margin-top: -0.1em;
        padding: 0 0 0 1em;
        border: 0;
        }

#sidebar li {
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul li {
        margin-left: -2em;
        }

#sidebar ul ul li {
        margin-left: -1em;
        }

/* end sidebar 
   begin commentarea */

.odd    {
        background-color: #ffffcc;
        }

.even   {
        background-color: #ffffff;
        }

.commentlist {
	padding: 0;
	text-align: left;
	}

.commentlist p {
	margin: 0;
	}

.commentlist li {
	margin-left: 0;
	padding: 4px;
	font-weight: bold;
	list-style: decimal inside;
	border: 1px solid #9999cc;
	margin-bottom: 5px;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	font-weight: normal;
	}

.commentlist cite {
	font-weight: bold;
	color: #000;
	font-family: Georgia, 'Times New Roman', Times, Serif;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#respond {
        margin-top: 3em;
        }

/* end commentarea
   begin align-divs */

.alignright {
	float: right;
        text-align: right;
        width: 16em;
	}

.alignleft {
	float: left;
        width: 16em;
	}

.center {
	text-align: center;
	}

/* end align-divs 
  begin form elements */

#searchform {
    	text-align: right;
        display: inline;
        white-space: nowrap;
        float: right;
        margin-top: 1em;
	}

#searchform #s {
    	width: 12em;
	padding: 2px;
        font-size: 1em;
        background-color: #ffffff;
        border: 1px solid #666666;
        vertical-align: bottom;
     	}

#searchform #searchsubmit {
        display: inline;
        font-size: 1em;
        padding: 1px;
        background-color: #ffffff;
        border: 1px solid #666666;
        }

/* This is mainly for password protected posts, makes them look better: */
.entry form { 
	text-align:center;
        background-color: #ffffff;
        border: 1px solid #666666;
    	}

select  {
    	width: 130px;
	}

#commentform input {
    	width: 17em;
        padding: 2px;
	margin: 5px 5px 1px 0;
        background-color: #ffffff;
        border: 1px solid #666666;
    	}

#commentform textarea {
    	width: 100%;
	padding: 2px;
        background-color: #ffffff;
        border: 1px solid #666666;
    	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin: 0;
	}

#commentform #submit {
    	margin: 0;
	float: right;
        background-color: #ffffff;
        border: 1px solid #666666;
    	}

/* end form elements
   begin navigation */

.navigation {
	display: block;
        line-height: 1.6em;
	margin-top: 10px;
	margin-bottom: 60px;
	}

.navigation ul {
        list-style-type: none;
        }

.uplinks {
	display: block;
        font-size: 1.3em;
        line-height: 1.6em;
	margin-top: 10px;
	margin-bottom: 60px;
	}

#navcontainer {
	margin-top: 20px;
	padding-top: 0px;
	width: 100%;
	background-color: #CCC;
	text-align: right;
        }

#navlist ul {
	margin-left: 0;
	margin-right: 5px;
	padding-left: 0;
	white-space: nowrap;
	}

#navlist li {
	display: inline;
	list-style-type: none;
	}

#navlist a {
  	padding: 3px 10px;
  	color: #fff;
	background-color: #999;
	text-decoration: none;
	border: 1px solid #CCC;
	}

#navlist a:hover {
	color: #000;
	background-color: #FFF;
	text-decoration: none;
	}

/* end navigation
   begin theme switcher */

#switcher {
	text-align: right;
	}

#themeswitcher li {
	list-style-type: none;
	margin: 0;
	}

/* end theme switcher
   end style sheet */
.forumline	{ background-color: #FFFFFF; border: 1px #000 solid; cellpadding: 0; }
td.row1	{ background-color: #EFEFEF; }
td.row2	{ background-color: #DEE3E7; }
td.row3	{ background-color: #D1D7DC; }
/* Main table cell colours and backgrounds */
td.row1	{ background-color: #EFEFEF; }
td.row2	{ background-color: #DEE3E7; }
td.row3	{ background-color: #D1D7DC; }


/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: #D1D7DC;
		
		background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #000000; font-size: 11px; font-weight : bold;
	background-color: #dedebb; height: 25px;
	
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			
			background-color:#D1D7DC; border: #000; border-style: solid; height: 28px;
}


/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
	background-color: #D1D7DC; border: #FFFFFF; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 1px 1px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 0px; }
th.thBottom,td.catBottom  { border-width: 1px 1px 1px 1px; }
th.thTop	 { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }


td.row1Announce {
	background-color: #EFEFEF;
}

td.row1Sticky {
	background-color: #EFEFEF;
}

td.row2Announce {
	background-color: #DEE3E7;
}

td.row2Sticky {
	background-color: #DEE3E7;
}

td.row3Announce {
	background-color: #D1D7DC;
}

td.row3Sticky {
	background-color: #D1D7DC;
}

td.postInfo {
	background-color: #DEE3E7;
}

.quote {
	FONT-SIZE: 11px; COLOR: #444444; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; background-color: #F3F5FF;
	BORDER-RIGHT: #01336b 1px solid; BORDER-TOP: #01336b 1px solid; BORDER-LEFT: #01336b 1px solid; BORDER-BOTTOM: #01336b 1px solid;
}
.quote-table {
	width: 90%;
}
.quote-table-simple {
	width: 90%; 
}
   